body,html{ width:100%; height:100%;}
/*网页顶部*/

#head-wrapper{ width:100%;height:30px;background-color:#f5f5f5;}
.head{ width:1320px; height:30px;background-color:#f5f5f5;margin:0 auto;
display:flex;flex-direction:row;align-items:center;justify-content:space-between;
}
.head .head-l a{ display:inline-block;font-size:12px;color:#000;}
.head .head-r{display:flex;flex-direction:row;}
.head .head-r li{ height:14px;border-right:1px solid #000;
padding:0 10px 0 4px;
}
.head .head-r a{display:block;color:#000;font-size:12px;line-height:14px;
}
.head .head-r li:nth-of-type(5){border-right:none;}

/*logo区域*/

#logo-wrapper{ width:100%;background-color:#fff; height:100px;}
.logo{ width:1320px; height:100px;background-color:#fff;margin:0 auto;
display:flex;flex-direction:row; align-items:center;
}
.logo .logo1 a{ width:400px; height:97px;text-indent:-999px;
display:block; background:url(../images/logo.png) no-repeat;}

.logo form{ width:318px; height:30px;margin-left:200px;margin-right:100px;}
.logo form .tet{ width:248px;height:30px;outline:none;border:1px solid #fea500;float:left;}
.logo form .sum{background:#c96d86;color: #fff;font-size:16px;line-height:30px;
width:68px;float:left;border:1px solid #fea500;
}
.logo .buy{ height:35px;display:flex;flex-direction:row;justify-content:center}
.logo .buy a{display:block;color:#444444;font-size:12px;height:35px;line-height:35px;
margin:0 10px;
}
.logo .buy a:hover{color:#fea500;}
.logo .buy a span{color:#cf1111;font-size:14px;margin:0 2px;}

.logo .buy div{line-height:35px;}

/*导航栏*/
#inner-wrapper{ width:100%; height:45px;background:#c96d86;}
#inner-wrapper .inner{ width:1320px; height:45px;background:#c96d86;margin:0 auto;}
.inner ul{display:flex;flex-direction:row;}
.inner ul li a{ display:block;width:120px; height:45px;color:#fff;font-size:16px;line-height:45px;
text-align:center;
}
.inner ul li a:hover{background:#e49303;transition:all 0.5s linear;}

.inner ul .active{background:#e49303;}





/*底部*/

#bottom-wrapper{ width:100%; height:132px;background:#fff;}
#bottom-wrapper .bottom{ width:1320px; height:132px;background:#fff;margin:0 auto;
display:flex;flex-direction:column;justify-content:center;align-items:center;color:#555555
}
.bottom .bt a{display:inline-block;color:#555555;font-size:12px;height:12px;border-right:1px solid #555555;
line-height:12px;padding:0 6px;margin-bottom:12px;
}
.bottom .bt a:nth-of-type(6){border-right:none;}
.bottom .bt a:hover{color:#e49303;}
.bottom span{margin-top:12px;font-size:12px;}
.bottom .bt1 a{display:inline-block;color:#555555;font-size:12px;margin-top:25px;}






/*隐藏的分享区域*/
#share-wra{ width:251px; height:340px; position:fixed;left:-228px;top:150px;}
#share-wra .share{ width:28px; height:64px; background:#feb252; border-radius:0 5px 5px 0;
float:right;position:absolute;left:225px;top:50px;
color:#fff; font-size:16px; text-align:center; padding-top:25px;}

#share-wra .showbox{ width:227px; height:335px; border:1px solid #e0dfdd;position:fixed;
background:#fff;
}
.showbox h4{ width:220px; height:30px;background:#e5e5e5;line-height:30px;
color:#3b3b3b;font-weight:900;padding-left:7px;}

.showbox ul{ height:278px; width:220px; display:flex;flex-direction:row;background:#fff;
flex-wrap:wrap;padding-left:7px;
}
.showbox ul li{ width:100px; height:30px;margin-right:5px;}
.showbox ul li a{ width:70px; height:30px;display:block;color:#3b3b3b;font-size:12px;
line-height:30px;padding-left:30px;margin-right:8px;}
.showbox ul li:hover{background:#e5e5e5;border-radius:3px;}
.showbox ul li:hover a{color:#f39800;}
.showbox ul li:nth-of-type(1) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2439px;
}
.showbox ul li:nth-of-type(2) a{background:url(../images/xb.png) no-repeat;
background-position:5px -46px;
}
.showbox ul li:nth-of-type(3) a{background:url(../images/xb.png) no-repeat;
background-position:5px -96px;
}
.showbox ul li:nth-of-type(4) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3061px;
}
.showbox ul li:nth-of-type(5) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1604px;
}
.showbox ul li:nth-of-type(6) a{background:url(../images/xb.png) no-repeat;
background-position:5px -200px;
}
.showbox ul li:nth-of-type(7) a{background:url(../images/xb.png) no-repeat;
background-position:5px -252px;
}
.showbox ul li:nth-of-type(8) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2540px;
}
.showbox ul li:nth-of-type(9) a{background:url(../images/xb.png) no-repeat;
background-position:5px -304px;
}
.showbox ul li:nth-of-type(10) a{background:url(../images/xb.png) no-repeat;
background-position:5px -356px;
}
.showbox ul li:nth-of-type(11) a{background:url(../images/xb.png) no-repeat;
background-position:5px -720px;
}
.showbox ul li:nth-of-type(12) a{background:url(../images/xb.png) no-repeat;
background-position:5px -460px;
}
.showbox ul li:nth-of-type(13) a{background:url(../images/xb.png) no-repeat;
background-position:5px -148px;
}
.showbox ul li:nth-of-type(14) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2646px;
}
.showbox ul li:nth-of-type(15) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2488px;
}
.showbox ul li:nth-of-type(16) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3112px;
}
.showbox .smore{ width:222px; height:32px;background:#e5e5e5;padding-right:5px;}
.showbox .smore a{display:block;float:right;
background:url(../images/xb.png) no-repeat;
background-position:5px 8px;font-size:12px;
color:#3b3b3b;font-weight:900;line-height:32px;padding-left:30px;
}
.showbox .smore a:hover{color:#96dcfa;}



.morebox{ width:300px; height:330px; border:5px solid #6e6e6e;margin-top:10px;position:fixed;
top:90px;left:545px;background:#fff;display:none;z-index:2;
}
.morebox .stit{ width:290px; height:27px;background:#e5e5e5;display:flex;flex-direction:row;
justify-content:space-between;padding-left:10px;}
.morebox .stit p{font-size:14px;line-height:27px;font-weight:900;display:inline-block;}
.morebox .stit a{width:20px; height:20px;display:inline-block;margin-right:5px;margin-top:5px;
background:#6e6e6e;color:#fff;font-size:12px;text-align:center;line-height:20px;}
.morebox ul{ height:278px; width:290px;overflow:auto;display:flex;flex-direction:row;
flex-wrap:wrap;background:#fff;padding-left:10px;
}

.morebox ul li{ width:130px; height:32px;margin-right:5px;}
.morebox ul li a{ width:100px; height:32px;display:block;color:#3b3b3b;font-size:12px;
line-height:32px;padding-left:30px;margin-right:8px;}
.morebox ul li:hover{background:#e5e5e5;border-radius:3px;}
.morebox ul li:hover a{color:#f39800;}
.morebox ul li:nth-of-type(1) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2439px;
}
.morebox ul li:nth-of-type(2) a{background:url(../images/xb.png) no-repeat;
background-position:5px -46px;
}
.morebox ul li:nth-of-type(3) a{background:url(../images/xb.png) no-repeat;
background-position:5px -96px;
}
.morebox ul li:nth-of-type(4) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3061px;
}
.morebox ul li:nth-of-type(5) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1604px;
}
.morebox ul li:nth-of-type(6) a{background:url(../images/xb.png) no-repeat;
background-position:5px -200px;
}
.morebox ul li:nth-of-type(7) a{background:url(../images/xb.png) no-repeat;
background-position:5px -252px;
}
.morebox ul li:nth-of-type(8) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2540px;
}
.morebox ul li:nth-of-type(9) a{background:url(../images/xb.png) no-repeat;
background-position:5px -304px;
}
.morebox ul li:nth-of-type(10) a{background:url(../images/xb.png) no-repeat;
background-position:5px -356px;
}
.morebox ul li:nth-of-type(11) a{background:url(../images/xb.png) no-repeat;
background-position:5px -720px;
}
.morebox ul li:nth-of-type(12) a{background:url(../images/xb.png) no-repeat;
background-position:5px -460px;
}
.morebox ul li:nth-of-type(13) a{background:url(../images/xb.png) no-repeat;
background-position:5px -148px;
}
.morebox ul li:nth-of-type(14) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2646px;
}
.morebox ul li:nth-of-type(15) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2488px;
}
.morebox ul li:nth-of-type(16) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3112px;
}
.morebox ul li:nth-of-type(17) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1708px;
}
.morebox ul li:nth-of-type(18) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1760px;
}
.morebox ul li:nth-of-type(19) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1812px;
}
.morebox ul li:nth-of-type(20) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1864px;
}
.morebox ul li:nth-of-type(21) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2020px;
}
.morebox ul li:nth-of-type(22) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2488px;
}
.morebox ul li:nth-of-type(23) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1032px;
}
.morebox ul li:nth-of-type(24) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2072px;
}
.morebox ul li:nth-of-type(25) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2696px;
}
.morebox ul li:nth-of-type(26) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2748px;
}
.morebox ul li:nth-of-type(27) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2800px;
}
.morebox ul li:nth-of-type(28) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2906px;
}
.morebox ul li:nth-of-type(29) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2332px;
}
.morebox ul li:nth-of-type(30) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3010px;
}
.morebox ul li:nth-of-type(31) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2956px;
}
.morebox ul li:nth-of-type(32) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2176px;
}
.morebox ul li:nth-of-type(33) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1188px;
}
.morebox ul li:nth-of-type(34) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1292px;
}
.morebox ul li:nth-of-type(35) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1344px;
}
.morebox ul li:nth-of-type(36) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1396px;
}
.morebox ul li:nth-of-type(37) a{background:url(../images/xb.png) no-repeat;
background-position:5px -1656px;
}
.morebox ul li:nth-of-type(38) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3158px;
}
.morebox ul li:nth-of-type(39) a{background:url(../images/xb.png) no-repeat;
background-position:5px -3176px;
}
.morebox ul li:nth-of-type(40) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2280px;
}
.morebox ul li:nth-of-type(41) a{background:url(../images/xb.png) no-repeat;
background-position:5px -2384px;
}

.morebox .b-share{ width:300px; height:25px;
background:#e5e5e5}
.morebox .b-share a{font-size:12px;float:right;;color:#000;display:block; line-height:25px;height:25px; width:70px;}
.morebox .b-share a:hover{color:#96dcfa}




/*右边的隐藏区域*/
.yuan a{ width:32px; height:32px;background-color:#e0dfdd;border-radius:50%;
text-align:center;
line-height:26px;position:fixed;right:5px;
top:410px;font-size:38px;color:#fff; font-weight:100;}

.info{ width:51px;height:251px;background:#ccc;border-radius:5px 0 0 5px;
position:fixed;right:0px;top:150px;z-index:999;
}
.info .arrow1{color:#fff;font-size:40px;margin-left:5px;margin-top:-20px;
display:inline-block;
}
.info .arrow2{color:#fff;font-size:40px;margin-left:5px;margin-top:-20px;
display:inline-block;
}
.info ul{ width:51px;display:flex;flex-direction:column;
position:relative;}
.info ul li{ height:38px; width:51px;margin-bottom:10px;}

.info ul .pho .tel{position:absolute; width:180px; height:140px;
background:#ccc; right:-230px;top:-15px;border-radius:5px 0 0 5px;z-index:-100;

}
.info ul .pho .tel h3{ height:57px;color:#e0dfdd;font-size:20px; width:155px;
padding-left:25px;line-height:57px; border-bottom:1px solid #fff;
}
.info ul .pho .tel h6{ height:30px;color:#fff;font-size:14px; width:137px;
text-align:center;line-height:30px;border-radius:5px; border:1px solid #fff;
margin-left:25px;margin-top:10px;
}
.info ul .iconfont{text-align:center;font-size:28px;color:#fff;display:block;}
.info ul .hide{width:107px; height:36px;background:#ccc;position:absolute;border-radius:5px 0 0 5px;
color:#fff;text-align:center;line-height:36px;font-size:16px;
}
.info ul .h1{right:-158px;top:52px;}
.info ul .h2{right:-158px; top:100px;}
.info ul .h3{right:-158px; top:148px;}
.info ul li:hover .iconfont{color:#aaaaaa;}
/*.info ul li:hover .h1{right:0px;}*/


/*回顶部*/
.top-return{position:fixed;right:5px;bottom:0px;display:none;
height:58px; width:58px;background:#7ab8e2;text-align:center;
border-radius:5px;}
.top-return a img{margin-top:5px;}